<template>
  <div class="user-info">
    <Mecell leftText="头像" :avatarShow="true" :iconShow="false" :avatarUrl="userInfo.img_url"/>
    <Mecell leftText="名称" :rightText="userInfo.nickname" :iconShow="false"/>
    <Mecell leftText="手机号码" :rightText="userInfo.phone" :iconShow="false"/>
    <Mecell leftText="地区" :rightText="userInfo.province + userInfo.city" :iconShow="false"/>
  </div>
</template>

<script>
import Mecell from '../../components/mecell.vue'
import { mapState } from 'vuex'
export default {
  components:{
    Mecell
  },
  computed : {
    ...mapState(['userInfo'])
  }
}
</script>

<style lang="stylus" scoped>
  .user-info
    width 100%
    height 100vh
    padding-top 30rpx
    background-color #f1f1f1
</style>